@charset "utf-8";
/*common style*/
*{margin: 0;padding: 0;font-family:"微软雅黑" ;}
ul,li{list-style: none;}
.w1100{width: 1100px;margin: 0 auto;}
.clear{clear: both;}
a{text-transform: none;text-decoration: none;}
input{outline: none;}
.text-center{text-align: center;}
.login-bg{background-color: #000;}

nav{height: 55px;line-height: 55px;background-color: #2e3e4d;color: #fff;font-size: 12px;}
nav ul{width: 600px;float: right;}
nav ul li{display:inline-block; padding: 0 10px;;}
nav ul li a{color:#919191;}
.user{width: 150px;height: 40px;}
.user-in{height: 40px;}
.user-in a img{display: inline-block;width: 30px;height: 30px;vertical-align: middle;border-radius: 50%;margin-right: 15px;}
.video_list ul li{display: inline-block;margin-right: 10px;}
.video_list ul li a{display: block;width: 300px;height: 200px;}
.video_list ul li a img{width: 300px;height: 200px;}
.video_list ul li a h5{text-align: center;display: block;width: 100%;font-size: 16px;}
.video_list h4{margin: 20px 0;font-size: 20px;}


#video_di{ display: none;background-color: rgba(78,78,78,.81);width: 100%;height: 100%;position: fixed;top: 0;left:0;z-index: 1000000;}
#video_strat{ width: 710px;height: 400px;margin-right: auto;margin-left: auto;margin-top: 70px;  }

.video_close{display: block;width: 32px; height: 32px;position: absolute; right: 29%;top: 9%;}

/*视频详情页面*/
.video_xq{padding-top: 40px;}
.buy-box{width: 400px;float: right;}
.buy-box .img{width:52px;height:35px;float:left;background:url(../img/coin.jpg) no-repeat;margin-top:5px}
.buy-box .btn{float:right;font-size:16px;margin-top:15px;margin-right:10px;line-height: 2em;}
.buy-box .content{margin-left:55px;line-height:1.8;padding-top:6px}
.buy-box .price{color:#ff804d}
.buy-box .old-price{font-size:12px;text-decoration:line-through;}
#add-cart{width: 120px;text-align: center;cursor: pointer;}
.btn-warning{background-color: transparent;border: 1px solid #fca117;color: #fca117;border-radius: 10px;}
.btn-warning:active{background-color:#fc7e17;}
.go-buy {background-color: #fc7e17;}
.go-buy a{color: #fff;padding: 0 20px;}
video{margin-top: 50px;width: 100%;height: 600px;background-color: #000;padding: 0;border: none;}



/*login页面*/
.login-box{width: 300px;height: 290px;padding:40px 80px;background: #fff;margin:40px auto 0;}
 input::-webkit-input-placeholder {color: #aab2bd;font-size: 16px;}
.login-box input{padding:20px 20px; width: 260px; height: 10px;border: 1px solid #333333;border-radius: 50px;line-height: 70px;margin:15px 0 0;font-size: 16px;color: #919191;}
.login-button{width: 300px; font-size: 18px;height: 54px;line-height:54px;margin-top: 20px;padding-bottom: 0;border-radius: 27px;display: block;text-align: center;display: inline-block;color: #fff;background-color: #00aaf5;border-radius: 20px;cursor: pointer;vertical-align: middle;border: none;outline: 0;}
.login_zc{text-decoration: underline;color: #00AAF5;font-size: 14px;margin-top: 20px;display: block;}

/*订单页面*/
.order{padding-top: 40px;}
.order .order-title {text-align: center;}
.order .order-title li{display: inline-block;width: 240px;vertical-align: middle;line-height: 2;font-size: 16px;border-bottom: 2px solid #ececec;}
.order .order-title li.active{border-color: #f60;color: #F60;border-width: 3px;}
.order-box {
    border: 1px solid #ececec;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 50px;
}
 .order-box .head,.order-box .head{height:40px;line-height:40px;font-size:14px}
 .cart-box .cart-list>li>div,.cart-box .head>div,.order-box .head>div,.order-box .order-list>li>div,.order-box .head>div,.order-box .order-list>li>div{display:inline-block;vertical-align:middle;text-align:center}#cart-page .cart-box .select{width:85px}#cart-page .cart-box .content{width:380px}#cart-page .cart-box .video-num{width:225px}#cart-page .cart-box .e-num{width:150px}#cart-page .cart-box .price{width:200px}#cart-page .cart-box .cart-list>li{background-color:#f4f7f9;margin-bottom:5px;padding:20px 0}#cart-page .cart-box .select .iconfont{line-height:1;vertical-align:middle;margin-right:5px;font-size:14px;border:1px solid #333;width:15px;height:15px;display:inline-block;border-radius:50%;margin-top:-2px;cursor:pointer}.cart-box .foot .select .iconfont,.cart-box .head .select .iconfont{margin-left:28px}
.cart-box .content img,.order-box .content img,.order-box .content img{width:145px;height:95px;float:left}
.cart-box .content .detail,.order-box .content .detail,.order-box .content .detail{margin-left:160px;text-align:left}#cart-page .cart-box .content .detail-header,.order-box .content .detail-header,.order-box .content .detail-header{font-size:16px}#cart-page .cart-box .content .detail-header span,.order-box .content .detail-header span,.order-box .content .detail-header span{color:#00aaf5;margin-left:20px}#cart-page .cart-box .content .course,#cart-page .cart-box .content .subject,.order-box .content .course,.order-box .content .validity,.order-box .content .course,.order-box .content .validity{font-size:12px;color:#919191;margin-top:10px}#cart-page .cart-box .content .subject{margin-top:35px}#cart-page .cart-box .content .course .iconfont,.order-box .content .course .iconfont,.order-box .content .course .iconfont{display:inline-block;margin-left:5px;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);transform:rotate(-90deg);cursor:pointer}#cart-page .cart-box .price .now,.order-box .price .now,.order-box .price .now{color:#f60;font-size:14px}#cart-page .cart-box .price .now span,.order-box .price .now span,.order-box .price .now span{font-size:18px}#cart-page .cart-box .price .old,.order-box .price .old,.order-box .price .old{font-size:12px;color:#919191}#cart-page .cart-box .price .old span,.order-box .price .old span,.order-box .price .old span{text-decoration:line-through}#cart-page .cart-box .delete .iconfont{color:#fbaf3b;font-size:20px;cursor:pointer}#cart-page .cart-box .foot{height:85px;line-height:85px}#cart-page .cart-box .foot .caozuo,#cart-page .cart-box .foot .select{display:inline-block;vertical-align:middle}#cart-page .cart-box .foot .caozuo span{cursor:pointer}.header-a{color:#919191}.footer-a{color:#fff}.black-a{color:#333}#cart-page .cart-box .foot .btn{margin-left:30px;font-size:18px;background-color:#fca117;padding:0;width:100px;height:40px;text-align:center;line-height:40px}#cart-page .box{margin-right:28px}#cart-page .box:last-child{margin-right:0}#confirm-order-page .order-progress,.order-box .order-progress,#pay-success-page .order-progress{text-align:center;padding-top:60px;padding-bottom:80px}#confirm-order-page .order-progress li,.order-box .order-progress li,#pay-success-page .order-progress li{display:inline-block;width:240px;vertical-align:middle;line-height:2;font-size:16px;border-bottom:2px solid #ececec}#confirm-order-page .order-progress li.active,.order-box .order-progress li.active,#pay-success-page .order-progress li.active{border-color:#f60;color:#F60;border-width:3px}.order-box,.order-box{border:1px solid #ececec;padding-left:20px;padding-right:20px;margin-bottom:50px;margin-top: 20px;}.order-box .box-header,.order-box .box-header{border-bottom:1px solid #ececec;padding:10px 20px;margin-left:-20px;margin-right:-20px;color:#f60;font-size:14px}.order-box .content,.order-box .content{width:375px}.order-box .subject,.order-box .subject{width:140px}.order-box .video-num,.order-box .video-num{width:215px}.order-box .e-num,.order-box .e-num{width:140px}.order-box .price,.order-box .price{width:169px}.order-box .order-list>li,.order-box .order-list>li{background-color:#f4f7f9;margin-bottom:5px;padding:20px 0}.order-box .content img,.order-box .content img{margin-left:10px}.order-box .content .detail,.order-box .content .detail{margin-left:170px}.order-box .content .validity,.order-box .content .validity{margin-top:0}.order-box .content .refund,.order-box .content .refund{font-size:12px;color:#f60;margin-top:15px}.order-box .foot,.order-box .foot{padding-bottom:20px;padding-top:20px}.order-box .foot .pull-right{  float: right;font-size:14px;line-height:2}.order-box .foot .color-warning span,.order-box .foot .need-pay span{font-size:18px}.order-box .foot .color-warning{display:inline-block}
.btn.confirm-btn {
    width: 160px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    text-align: center;
    margin-bottom: 140px;
    font-size: 18px;
}
 #confirm-order-page .btn.confirm-btn {
    width: 160px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    text-align: center;
    margin-bottom: 140px;
    font-size: 18px;
    }
 .btn {
    display: inline-block;
    font-size: 14px;
    line-height: 1;
    color: #fff;
    background-color: #00aaf5;
    border-radius: 4px;
    cursor: pointer;
    vertical-align: middle;
    border: none;
    outline: 0;
}


/*支付订单*/
.order-msg {
    border-bottom: 1px solid #ececec;
    margin-left: -20px;
    margin-right: -20px;
    padding: 10px 20px;
}
.mb-10 {
    margin-bottom: 10px;
}
#pay-order-page .foot .need-pay {
    display: inline-block;
}
.color-warning {
    color: #f60;
}
.foot .need-pay span {
    font-size: 18px;
}
.color-blue {
    color: #00aaf5;
}
.pay-way .iconfont.icon-zhifubao {
    font-size: 15px;
    color: #00aaf5;
}
.pay-way li {
    display: inline-block;
    vertical-align: middle;
    margin-right: 50px;
}
#confirm-pay{
	margin-top: 15px;width: 160px;height: 40px;line-height: 40px;padding: 0;text-align: center;font-size: 18px;
}

/*购物车*/

.cart-box {
    background-color: #fff;
    border: 1px solid #ececec;
    margin-bottom: 10px
}
.cart-box>.box-header {
    padding: 10px 20px;
    color: #f60;
    font-size: 14px;
    border-bottom: 1px solid #ececec
}
.cart-box .head{
    height: 40px;
    line-height: 40px;
    font-size: 14px
}
.cart-box .cart-list>li>div, .cart-box .head>div{
    display: inline-block;
    vertical-align: middle;
    text-align: center
}
.cart-box .select {
    width: 85px
}
.cart-box .content {
    width: 380px
}
.cart-box .video-num {
    width: 225px
}
.cart-box .e-num {
    width: 150px
}
.cart-box .price {
    width: 200px
}
.cart-box .cart-list>li {
    background-color: #f4f7f9;
    margin-bottom: 5px;
    padding: 20px 0
}
.cart-box .select .iconfont {
    line-height: 1;
    vertical-align: middle;
    margin-right: 5px;
    font-size: 14px;
    border: 1px solid #333;
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius: 50%;
    margin-top: -2px;
    cursor: pointer
}
.cart-box .select .iconfont.icon-queren {
    color: #00aaf5;
    border: none
}
.cart-box .foot .select .iconfont,.cart-box .head .select .iconfont {
    margin-left: 28px
}
.cart-box .content img{
    width: 145px;
    height: 95px;
    float: left
}
.cart-box .content .detail{
    margin-left: 160px;
    text-align: left
}
.cart-box .content .detail-header{
    font-size: 16px
}
.cart-box .content .detail-header span{
    color: #00aaf5;
    margin-left: 20px
}
.cart-box .content .course,#cart-page .cart-box .content .subject{
    font-size: 12px;
    color: #919191;
    margin-top: 10px
}
.cart-box .content .subject {
    margin-top: 35px
}
.cart-box .content .course .iconfont{
    display: inline-block;
    margin-left: 5px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg);
    cursor: pointer
}
.cart-box .price .now{
    color: #f60;
    font-size: 14px
}
.cart-box .price .now span{
    font-size: 18px
}

.cart-box .price .old{
    font-size: 12px;
    color: #919191
}

.cart-box .price .old span {
    text-decoration: line-through
}
.cart-box .delete .iconfont {
    color: #fbaf3b;
    font-size: 20px;
    cursor: pointer
}

.cart-box .foot {
    height: 85px;
    line-height: 85px
}

.cart-box .foot .caozuo,#cart-page .cart-box .foot .select {
    display: inline-block;
    vertical-align: middle
}

.cart-box .foot .caozuo span {
    cursor: pointer
}
.cart-box .foot .btn {
    margin-left: 30px;
    font-size: 18px;
    background-color: #fca117;
    padding: 0;
    width: 100px;
    height: 40px;
    text-align: center;
    line-height: 40px
}
.cart-box {
    max-height: 310px;
}


/*微信弹窗框*/
.popbox{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:10000000;display: none;}
.popbox>div{left:50%;position:absolute}
.popbox{display:none}
.popbox>div{top:50%}
.wxpay-box {
    width: 386px;
    top: 50%;
    margin-top: -300px;
    margin-left: -193px;
    background-color: #fff;
}
.wxpay-box>.header {
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid #dedede;
    padding-left: 15px;
}
.wxpay-box>.content {
    text-align: center;
}
.wxpay-box #qrcode {
    width: 256px;
    margin: auto;
    padding-top: 10px;
}
.wxpay-box>.footer {
    padding: 5px;
    text-align: center;
}
.btn {
    display: inline-block;
    font-size: 14px;
    line-height: 1;
    color: #fff;
    background-color: #00aaf5;
    border-radius: 4px;
    cursor: pointer;
    vertical-align: middle;
    border: none;
    outline: 0;
}
.btn {
    display: inline-block;
    font-size: 14px;
    line-height: 35px;
    color: #fff;
    
    background-color: #00aaf5;
    border-radius: 4px;
    cursor: pointer;
    vertical-align: middle;
    border: none;
    outline: 0;
}
.btn-warning {
    background-color: #fca117;
}
.icon-queren::before {
    content: "\e623";
}
.cart-box .select .iconfont.icon-queren {
    color: #00aaf5;
    border: none;
}
.select .iconfont {
    line-height: 1;
    vertical-align: middle;
    margin-right: 5px;
    font-size: 14px;
    border: 1px solid #333;
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius: 50%;
    margin-top: -2px;
    cursor: pointer
}
.select.active span {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #00aaf5
}
.cart-box .select {
    width: 85px;
    display: inline-block;
    vertical-align: middle;
}
.pull-right {
    float: right
}
.select .iconfont,#cart-page .cart-box .head .select .iconfont {
    margin-left: 28px
}
.foot .caozuo,.foot .select {
    display: inline-block;
    vertical-align: middle
}
.icon-queren {
    backgrounf-color: #00aaf5;
    line-height: 1;
    vertical-align: middle;
    margin-right: 5px;
    font-size: 14px;
    border: 1px solid #333;
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius: 50%;
    margin-top: -2px;
    cursor: pointer
}
/*支付成功*/
.pay-button{
	
}
/*注册页面*/
.login-box .form-field input{padding:10px 20px; width: 260px; height: 25px;border: 1px solid #333333;border-radius: 50px;line-height: 25px;}
#zphone{padding:10px 20px; width: 130px; height: 45px;border: 1px solid #333333;border-radius: 50px;line-height: 25px;}
#reg{padding:10px 20px; width: 360px; height: 45px;border:1px solid #fff;border-radius: 50px;line-height: 25px;color: #fff;}
